<style scoped lang="less">
  @import "./index.less";
</style>

<template>
  <div class="m-docs">
    <mine-header>{{ title }}</mine-header>
    <router-view></router-view>
  </div>
</template>

<script lang="ts">
  import { defineComponent } from "vue";
  import MineHeader from "^/components/MineHeader";
  import { useDocumentTitle } from "./hooks";

  export default defineComponent({
    components: {
      MineHeader
    },
    setup() {
      const { title } = useDocumentTitle();
      return { title };
    }
  });
</script>
